<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> axios 发送get请求数据 </title>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script>

        function sendGet(){
            // axios 发送请求对象
            // get 是 请求方式
            // user?ID=12345    get请求的 数据都是在url 上拼接
            // url?k1=v1&k2=v2...
            axios.get('/user?id=12345')
                .then(function (data) {   //then 是 请求成功执行的函数
                    //data是一个相应对象
                    console.log(data);
                    //如果想拿到返回的数据 需要 data.data  属性
                    console.log(data.data);

                })
                .catch(function (error) {    //catch 是 失败执行的函数
                    console.log(error);
                });

        }

        function sendGet2(){
            // axios 发送请求对象
            //这个写法 把参数 和 url 的操作分开了
            axios.get('/user',{
                params:{
                    id:234
                }
            }).then(function (data) {   //then 是 请求成功执行的函数

                    //data是一个相应对象
                    console.log(data);
                    //如果想拿到返回的数据 需要 data.data  属性
                    console.log(data.data);

                })
                .catch(function (error) {    //catch 是 失败执行的函数
                    console.log(error);
                });

        }

    </script>

</head>
<body>

<button onclick="sendGet()">
    axios get 发送请求1
</button>

<button onclick="sendGet2()">
    axios get 发送请求2
</button>

</body>
</html>